// 前端应用程序逻辑
console.log('电影院选座系统前端已加载');

// 页面加载完成后的初始化
document.addEventListener('DOMContentLoaded', function() {
    console.log('页面加载完成');
    
    // 这里可以添加一些前端的初始化逻辑
    // 例如：检查服务器连接状态、加载用户偏好设置等
    
    // 检查服务器是否可达
    checkServerStatus();
});

// 检查服务器连接状态
function checkServerStatus() {
    fetch('http://localhost:5000/api/seats')
        .then(response => {
            if (response.ok) {
                console.log('服务器连接成功');
            } else {
                console.log('服务器连接失败');
                showStatusMessage('警告：服务器可能未运行，请先启动后端服务。');
            }
        })
        .catch(error => {
            console.error('服务器连接错误:', error);
            showStatusMessage('警告：服务器可能未运行，请先启动后端服务。');
        });
}

// 显示状态消息
function showStatusMessage(message) {
    const container = document.querySelector('.container');
    const messageElement = document.createElement('div');
    messageElement.className = 'status-message';
    messageElement.textContent = message;
    messageElement.style.backgroundColor = '#fff3cd';
    messageElement.style.color = '#856404';
    messageElement.style.padding = '15px';
    messageElement.style.borderRadius = '4px';
    messageElement.style.marginTop = '20px';
    messageElement.style.border = '1px solid #ffeaa7';
    
    container.appendChild(messageElement);
    
    // 5秒后自动移除消息
    setTimeout(() => {
        messageElement.style.opacity = '0';
        messageElement.style.transition = 'opacity 0.5s ease';
        setTimeout(() => {
            container.removeChild(messageElement);
        }, 500);
    }, 5000);
}